<template>
  <div id="app">
    <el-backtop></el-backtop>
    <Header></Header>
    <router-view class="main"/>
    <Footer></Footer>
  </div>
</template>

<script>
import Header from '@/components/Header.vue'
import Footer from '@/components/Footer.vue'
export default {
  components: {
    Header,
    Footer
  },
  data(){
    return{
      message:"暂无通知"
    }
  },
  created () {
    // this.axios.post('/php/getNotices.php',{ headers: { 'Content-Type': 'application/x-www-form-urlencoded' } }).then((res) => {
    //   this.message = res.data;
    //   this.open();
    // })
  },
  methods: {
    open() {
      this.$notify({
        title: '通知',
        dangerouslyUseHTMLString: true,
        message: this.message,
        duration: 0
      });
    }
  }
}
</script>
<style>
body,html{
  padding: 0;
  margin: 0;
}
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  /*保证footer位于底部*/
  justify-content: space-between;
}
</style>
